<template>
  <el-container>
    <el-header>
      <Header />
    </el-header>
    <el-container>
      <el-aside width="200px">
        <keep-alive>
          <NavMenu />
        </keep-alive>
      </el-aside>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script lang='ts'>
import { reactive, toRefs } from "vue";
import NavMenu from "@/components/home/NavMenu.vue";
import Header from "@/components/home/Header.vue";
export default {
  name: " ",
  components: { NavMenu, Header },
  setup() {
    const data = reactive({});

    return {
      ...toRefs(data),
    };
  },
};
</script>
<style lang="less" scoped>
</style>